<template>
	<div class="box">
		<div class="head">
			<h4>
				<span @click="$router.back()">《</span
				>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;杜杰&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;123435345
			</h4>
			<p>宿迁市洋河新区电商产业园105号</p>
		</div>
		<div class="con">
			<van-card
				class="con-shang"
				num="2"
				price="298.00"
				desc="规格：红色,23"
				title="蓝之蓝蓝色瓶装经典Q7浓香型白..."
				:thumb="require('../assets/shan-1.jpg')"
			/>
		</div>
		<div class="con">
			<van-card
				class="con-shang"
				num="2"
				price="298.00"
				desc="规格：红色,23"
				title="蓝之蓝蓝色瓶装经典Q7浓香型白..."
				:thumb="require('../assets/shan-1.jpg')"
			/>
		</div>
		<div class="footer">
			<p>
				<span>配送方式</span>
				<span>快递</span>
			</p>
			<p>
				<span>运费</span>
				<span>￥10.00</span>
			</p>
			<p>
				<span>可用蓝豆</span>
				<span>></span>
			</p>
			<p>
				<span>优惠卷</span>
				<span>></span>
			</p>
		</div>
		<div class="footer1">
			<div>
				<h3>
					总金额:
					<span>￥296.00</span>
				</h3>
				<button>微信支付</button>
			</div>
		</div>
	</div>
</template>
<script>
export default {}
</script>

<style lang="scss" scoped>
* {
	margin: 0;
	padding: 0;
}
.box {
	width: 100%;
}
.head {
	margin-top: 0;
	background: url('../assets/shan-7.png') repeat-x left bottom #fff;
	border-bottom: 0;
	background-size: auto 3px;
	padding: 12px 30px;
	border-top: 1px solid #e1e1e1;
	p {
		margin-top: 5px;
		font-size: 14px;
	}
}
.con {
	margin-top: 20px;
	padding: 12px 30px;
	.con-shang {
		font-size: 16px;
	}
}
.footer {
	padding: 12px 30px;
	p {
		width: 100%;
		height: 39px;
		line-height: 39px;
		border-top: 1px solid #999;
		display: flex;
		justify-content: space-between;
	}
}
.footer1 {
	width: 100%;
	div {
		text-align: center;
		padding: 12px 30px;
		h3 {
			font-weight: 400;
			margin-bottom: 20px;
			span {
				color: red;
			}
		}
		button {
			width: 100%;
			height: 45.6px;
			border: 0;
			color: white;
			background: green;
		}
	}
}
</style>